//数据获取及逻辑
var vm = new Vue({
	el: '#Plist',
	data: {
		list: {},
		token: '',
		page: ''
	},
	mounted: function() {
//		this.getData();
		this.init();
	},
	methods: {
		init: function() {
			mui.plusReady(function() {
				var currentView = plus.webview.currentWebview(); // 获取 当前webview
				currentView.show('slide-in-right', 300); // 显示当前webview (方式,时间)
				plus.nativeUI.closeWaiting(); // 关闭系统 loading 等待框

				vm.token = plus.storage.getItem('token');
				console.log(vm.token);

				window.addEventListener('refresh', function(event) {
					currentView.beginPullToRefresh();
				});
			});
			mui.init({
				pullRefresh: {
					container: ".mui-content", //下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
					down: {
						style: 'circle', //必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
						color: '#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
						height: '50px', //可选,默认50px.下拉刷新控件的高度,
						range: '100px', //可选 默认100px,控件可下拉拖拽的范围
						offset: '45px', //可选 默认0px,下拉刷新控件的起始位置
						auto: true, //可选,默认false.首次加载自动上拉刷新一次
						callback: pulldownRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据							}
					},
					up: {
						height: 10, //可选.默认50.触发上拉加载拖动距离
						auto: false, //可选,默认false.自动上拉加载一次
						contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
						contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；
						callback: pullupRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
					}
				}
			});

			function pullupRefresh() {
				mui.ajax(rutour.penalize.list + vm.token, {
					dataType: 'json',
					type: 'get',
					data: {
						page: vm.page
					},
					success: function(res) {
						if(res.code == 200) {
							console.log(res)
							vm.list = vm.list.concat(res.data.list);
							console.log(vm.list);
							//回显案件编号拼接
							vm.ajbh = "(" + vm.list.titlecity + ")" + "食药监" + vm.list.titlelaw + vm.list.titlenature + " " + "（" + vm.list.titleyear + "）" + vm.list.titlecode + "号"
							vm.page = res.data.pageNumber + 1;
						} else {
							mui.toast(res.msg)
						};
						mui('.mui-content').pullRefresh().endPullup(res.data.lastPage); //参数为true代表没有更多数据了。
					}
				})
			}
			/**
			 * 下拉刷新具体业务实现
			 */
//			pulldownRefresh();

			function pulldownRefresh() {
				mui.ajax(rutour.penalize.list + vm.token, {
					dataType: 'json',
					type: 'get',
					success: function(res) {
						console.log(res);
						if(res.code == 200) {
							vm.list = res.data.list;
							console.log(vm.list);
							//回显案件编号拼接
							vm.ajbh = "(" + vm.list.titlecity + ")" + "食药监" + vm.list.titlelaw + vm.list.titlenature + " " + "（" + vm.list.titleyear + "）" + vm.list.titlecode + "号"
							vm.page = res.data.pageNumber + 1;
							console.log(res.data.lastPage)
						} else {
							mui.toast(res.msg)
						};
						mui('.mui-content').pullRefresh().endPulldown();
						mui('.mui-content').pullRefresh().refresh(res.data.firstPage); // 重置上拉加载 (没有更多数据后禁用了上拉加载   在下拉重新拉去数据的时候重置上拉加载)
					}
				})
			}
		},
//		getData: function() {
//			mui.plusReady(function() {
//
//				var currentView = plus.webview.currentWebview(); // 获取 当前webview
//				currentView.show('slide-in-right', 300); // 显示当前webview (方式,时间)
//				plus.nativeUI.closeWaiting(); // 关闭系统 loading 等待框
//
//				vm.token = plus.storage.getItem('token');
//				mui.ajax(rutour.penalize.list + vm.token, {
//					dataType: 'json', //服务器返回json格式数据
//					type: 'get', //HTTP请求类型
//					success: function(res) {
//						console.log(res)
//						vm.list = res.data.list;
//						console.log(vm.list);
//						//回显案件编号拼接
//						vm.ajbh = "(" + vm.list.titlecity + ")" + "食药监" + vm.list.titlelaw + vm.list.titlenature + " " + "（" + vm.list.titleyear + "）" + vm.list.titlecode + "号"
//					},
//					error: function(xhr, type, errorThrown) {
//						//异常处理；
//						console.log('网络/服务器出现错误，请稍后重试！');
//					}
//				})
//			})
//		},
		openDetail: function(id, urlName) {
			var $contentW = localStorage.getItem('$contentW'),
				$menuLeftW = localStorage.getItem('$menuLeftW');
			var nwaiting = plus.nativeUI.showWaiting();
			webviewShow = plus.webview.create(urlName, urlName, {
				left: $menuLeftW,
				width: $contentW,
			}, {
				newsid: id
			});
		},
		openAdd: function(urlName) {
			var $contentW = localStorage.getItem('$contentW'),
				$menuLeftW = localStorage.getItem('$menuLeftW');
			var nwaiting = plus.nativeUI.showWaiting();
			webviewShow = plus.webview.create(urlName, urlName, {
				left: $menuLeftW,
				width: $contentW,
			})
		}
	}
});